參賽動機

一開始想對於學習前端時間有一些得自己留下些什麼，所以題目本來是要分享一些些網頁鐵三角的一些心得，但後來發現我要在一邊學框架的時間一邊寫鐵人賽，可能會有超出我的一些負荷，所以與其蠟燭兩頭燒，那不如就合在一起寫吧!

為什麼選擇React作為主題

最近開始學習框架，想以初學者的心態，分享自己由新手的觀點來理解React的想法，一方面記錄學習的過程，另一方面變成是自己學習框架的推力，至於這個題目"那些年我轉生成前端貓咪踏入React地獄的那些事"，是剛好我在看React的時候一隻貓咪跳上來壓到我的鍵盤，不知道按到什麼畫面跳轉到某部轉生動畫，所以這個題目就出來了。

文章內容定位

其實版上有關React的教學文蠻多了，而且React官方文件其實寫的蠻清楚的，但其實我覺得最難的是從js到React這段過程中，我以為的js跟實際上的js差距其實蠻大的，所以這段的系列文章會著墨在踏入React之前的這段過程，或許也許能在學React的時候少了一點痛苦。

大綱

大致上會分為兩部分介紹，第一部分會介紹React會用到的JavaScript的語法或觀念，第二部分，才會是React

第一部分 JS

Day 1. 參賽動機以及題目選擇和預計大綱
Day 2. My VS Code Tour
Day 3. 查詢陣列的方法-forEach & map
Day 4. 操作陣列的方法 Part.1-push & pop
Day 5. 操作陣列的方法 Part.2-shift & unshift
Day 6. 其他的陣列方法 slice & splice
Day 7. 搜尋陣列的方法-find,findIndex & filter
Day 8. 字串陣列互相變化的方法 split & join
Day 9. 函式與箭頭函式
Day 10.物件(Object)
Day 11.解構賦值(Destructuring assignment)
Day 12.其餘運算子 & 展開運算子(Spread Operator & Rest Operator)
Day 13.JavaScript 模組(Modules)
Day 14.處理同步非同步的方法(Asynchronous & Synchronous)

第二部分 Rreact

這部分不會帶到太多太難的hook，最多可能就寫到useEffect，至於詳細的大綱，等JS結束之後會再公布。

最後熱血開賽~~希望一切順利

預計參考資料

1. React官網
2. Odin Project
3. freeCodeCamp
4. MDN